import { Link } from 'gatsby';
import PropTypes from 'prop-types';
import React from 'react';
// const ListLink = props => (
//   <li style={{ display: `inline-block`, marginRight: `0.5rem` }}>
//     <Link to={props.to}>{props.children}</Link>
//   </li>
// )

const Header = ({ siteTitle }) => (
	<div
		style={{
			background: 'rebeccapurple',
			marginBottom: '1.45rem'
		}}
	>
		<div
			style={{
				margin: '0 auto',
				maxWidth: 960,
				padding: '1.45rem 1.0875rem'
			}}
		>
			<h2 style={{ margin: 0 }}>
				<Link
					to="/"
					style={{
						color: 'white',
						textDecoration: 'none'
					}}
				>
					{/* {siteTitle} */}
					标题
				</Link>
			</h2>
		</div>
	</div>
);

Header.propTypes = {
	siteTitle: PropTypes.string
};

Header.defaultProps = {
	siteTitle: ''
};

export default Header;
